<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type='text/javascript'>
window.onload = function()
{
var sel = document.forms['form1'].sel;
if (sel && sel[0].style) {
sel[0].onchange = selOnChange;
for (var i = 1; i < sel.length; ++i) {
sel[i].style.display = 'none';
}
}
}
function selOnChange()
{
var sel = this.form.sel;
var max = parseInt(this.options[this.selectedIndex].text);
for (var i = 1; i < sel.length; ++i) {
sel[i].style.display = (i <= max)? 'inline' : 'none';
}
}
</script>
</head>
<body>

<form id='form1'>
<select name='sel'>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name='sel'>
<option>Eggs</option>
<option>Bagels</option>
<option>Cereal</option>
</select>
<select name='sel'>
<option>Soup</option>
<option>Fruit</option>
<option>Salad</option>
<option>Sandwich</option>
</select>
<select name='sel'>
<option>Fish</option>
<option>Pork</option>
<option>Steak</option>
<option>Chicken</option>
</select>
</form>

</body>
</html>